<div class="title"  style="background-color: #1e213d; color:#4971ff !important ;">{{"DisseminationManagement.messageTemplate.Message_Template" | translate}}</div>
<div class="dataTable message-template  only-changes   footer-pages">


	<div class="table-buttons">
		<div class="table-buttons-left">
			<!-- <div class="operate" (click)="refresh()">
                <i class="iconfont icon-refresh1"></i>
                {{"DisseminationManagement.messageTemplate.Refresh" | translate}}</div> -->
			<button nz-button nzType="primary" (click)="refresh()"><i nz-icon nzType="reload"  style=""
					nzTheme="outline"></i>{{"DisseminationManagement.messageTemplate.Refresh" | translate}}</button>
		</div>
		<div class="table-buttons-right">
			<div class="equipmet_toolbar">
				<itmp-toolbar exportName="messageTemplate" [accessButton]='accessButton' [toolbarList]="toolbarList"
					[selectData]="selectTemplate" [searchData]="searchData"></itmp-toolbar>
			</div>

			<!--   <svg t="1649742572374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
				p-id="11428" width="20" height="20">
				<path
					d="M940.373333 203.093333l-116.053333-150.186666c-10.24-11.946667-25.6-18.773333-40.96-18.773334H240.64c-15.36 0-30.72 6.826667-39.253333 18.773334L85.333333 203.093333c-11.946667 15.36-8.533333 35.84 5.12 47.786667 15.36 11.946667 35.84 8.533333 47.786667-5.12L249.173333 102.4h527.36l110.933334 143.36c6.826667 8.533333 15.36 13.653333 27.306666 13.653333 6.826667 0 15.36-1.706667 20.48-6.826666 6.826667-5.12 11.946667-13.653333 11.946667-22.186667 0-11.946667-1.706667-20.48-6.826667-27.306667z"
					fill="#7D85BB" p-id="11429"></path>
				<path
					d="M890.88 194.56H133.12c-37.546667 0-66.56 30.72-66.56 66.56v662.186667c0 37.546667 30.72 66.56 66.56 66.56h757.76c37.546667 0 66.56-30.72 66.56-66.56V261.12c0-37.546667-29.013333-66.56-66.56-66.56z m-163.84 421.546667L535.893333 805.546667c-6.826667 6.826667-15.36 10.24-23.893333 10.24h-5.12-1.706667c-6.826667-1.706667-13.653333-5.12-18.773333-10.24L296.96 616.106667c-13.653333-13.653333-13.653333-34.133333 0-47.786667 13.653333-13.653333 34.133333-13.653333 47.786667 0l133.12 133.12V401.066667c0-18.773333 15.36-34.133333 34.133333-34.133334s34.133333 15.36 34.133333 34.133334v300.373333l133.12-133.12c13.653333-13.653333 34.133333-13.653333 47.786667 0 11.946667 13.653333 11.946667 34.133333 0 47.786667z"
					fill="#7D85BB" p-id="11430"></path>
			</svg> -->
		</div>
	</div>

	<div nz-row nzType="flex" nzJustify="space-around" class="left-table-pages">
		<div nz-col nzSpan="12" class="message-template">
			<nz-table id="nzTable" #basicTable [nzData]="listOfData" [nzPageSize]="pagination.pageSize"
				[nzShowPagination]="false" style="padding:0.1rem">
				<thead>
					<tr class="dataTitle">
						<th *ngFor="let item of renderHeader" class="listTitle">
							<div style="margin-bottom: 20px;margin-top: 20px;">{{'DisseminationManagement.messageTemplate.' + item.name | translate}}</div>
							<!-- 选择框 -->
							<div class="switch no-print" *ngIf="item.name==='Equipment_Type'" style="min-width: 1.3rem">
								<nz-select style="width: 100%;" [(ngModel)]="searchData[item.value]"
									[nzPlaceHolder]="'Share.All' | translate" nzShowSearch nzAllowClear
									(ngModelChange)="onSearch(item.value)">
									<nz-option *ngFor="let one of selectionList[item.name]" [nzLabel]="one.displayName"
										[nzValue]="one.name"></nz-option>
								</nz-select>
							</div>
							<!-- 输入框 -->
							<div class="switch no-print" *ngIf="item.name==='ID' || item.name==='Template_Name'">
								<input nz-input [placeholder]="'' | translate" style="width:100%" [(ngModel)]="searchData[item.value]"
									(keyup)="onSearch(item.value)" #searchInput />
							</div>
						</th>
					</tr>
				</thead>
				<tbody class="message-template-table">
					<tr *ngFor="let data of basicTable.data;index as i" (click)="clickTR(i)" [class.active]="data.active">
						<td>{{ data.templateId }}</td>
						<td>{{ data.deviceType }}</td>
						<td>{{ !isShowVietName?data.templateName: data.vietTemplateName}}</td>
					</tr>
				</tbody>
			</nz-table>
			<div style="padding:0.1rem" *ngIf="listOfData.length!==0">
				<itmp-pagination [totalEle]="pagination.totalEle" [pageSize]="pagination.pageSize"
					[pageNum]="pagination.currentPage" showCountInfo=true [count]="pagination.currentSize"
					(pageNumChange)="onPageChange($event)" (pageSizeChange)="onSizeChange($event)">
				</itmp-pagination>
			</div>
		</div>

		<div nz-col nzSpan="10">
			<div class="previewContainer">
				<div>
					<!-- <itmp-thumbnail [imgs]="selectTemplate && selectTemplate.templatePages[0].templateGraphics" [title]="selectTemplate && selectTemplate.templatePages[0].templateTexts[0]"></itmp-thumbnail> -->
					<img *ngIf="imgUrl" [src]="imgUrl" alt="">
				</div>
			</div>
		</div>
	</div>
</div>